@charset "UTF-8";
/*iconfont*/
@font-face {font-family: "ic-dypub";
    src: url('../../fonts/ic-dypub/iconfont.eot'); /* IE9*/
    src: url('../../fonts/ic-dypub/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/ic-dypub/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../../fonts/ic-dypub/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../../fonts/ic-dypub/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.ic-dypub{
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px; /*0.2px*/
    -moz-osx-font-smoothing: grayscale;
}
.ic-dypub{ font-family:"ic-dypub"!important;}
.ic-dyback:after{content:'\e600'} /*头部返回*/
.ic-dymore:after{content:'\e601'} /*更多*/
.ic-dytpcard:after{content:'\e602'}/*更多菜单下名片*/
.ic-dytpsoqi:after{content:'\e604'}/*更多菜单下搜企*/
.ic-dytpnews:after{content:'\e603'}/*更多菜单下消息*/
.ic-dytpquit:after{content:'\e605'}/*更多菜单下退出*/
.ic-dysuccess:after{content:'\e606'}/*成功*/
.ic-dyClose-solid:after{content:'\e608'} /*关闭闭合*/
.ic-dyAdd:after{content:'\e609'} /*添加*/
.ic-dyMinus:after{content:'\ea10'} /*减号*/
.ic-dyClose:after{content:'\e607'} /*关闭*/
.ic-dyrename:after{content:'\e60b'} /*重命名*/
.ic-dytrash:after{content:'\e60a'} /*垃圾桶*/
.ic-dyEdit:after{content:'\e60c'} /*编辑*/
.ic-dyclose-empty:after{content:'\ea12'} /*空关闭*/
.ic-dySuccess:after{content:'\ea13'} /*选择*/
.ic-dyArrowdown:after{content:'\ea15'} /*下箭头*/
.ic-dyArrowUp:after{content:'\ea14'} /*上箭头*/
.ic-dyArrowRight:after{content:'\ea16'} /*右箭头*/
.ic-dysearch:after{content:'\e635'} /*搜索*/
.ic-dyups:after{content:'\e616'} /*小上箭头*/
.ic-dydowns:after{content:'\e617'} /*小下箭头*/
.ic-dyMinpage:after{content:'\e649'} /*微单页*/
.ic-dyTel:after{content:'\e60e'} /*电话组件*/
.ic-dyMap:after{content:'\e60f'} /*导航点组件*/
.ic-dytape:after{content:'\e610'} /*语音组件*/
.ic-dyspeaker:after{content:'\e611'} /*语音组件*/
.ic-dysuspend:after{content:'\e613'} /*语音组件*/
.ic-dyPlay:after{content:'\e612'} /*语音组件*/
.ic-dysmallRight:after{content:'\e615'} /*语音组件-小箭头*/
.ic-dyVoiceUp:after{content:'\e614'} /*语音组件-上箭头*/
.ic-dyAd:after{content:'\ea77'} /*广告*/
.ic-dyimport:after{content:'\e618'} /*导入*/
.ic-dymake:after{content:'\e619'} /*制作*/
.ic-dysearch-line:after{content:'\ea79'} /*搜索中间横线*/
.ic-dyfilter:after{content:'\ea75'} /*筛选*/
.ic-dyhomeImport:after{content:'\ea76'} /*单页主页导入*/
.ic-dymyMicro:after{content:'\e67a'} /*我的单页*/
/*动画*/
.anims{ -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-duration: 300ms; -moz-transition: -moz-transform 300ms ease;transition: transform 300ms ease;}
/*背景颜色*/
.body-f{background-color:#fff;}
.body-e5{background-color:#e5e5e5;}
.bg-f2{background-color:#f2f2f2;}
/*页面布局*/
.viewbox{display: -webkit-box;display: -webkit-flex;display: flex;height:100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;flex-direction: column; position:relative}
@media screen and (min-width:800px) {
    .viewbox{ width: 540px;margin:0 auto;}
    .header{width: 540px;margin:0 auto;}
}
.header{position:relative;z-index:4;}
.topbar{ height:44px;position: relative;z-index:4; background-color:#f8f8f8;color:#5f5f5f;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center; box-shadow: 0 1px 2px #cfcfcf;}
.topbar-fl,.topbar-fr{position:absolute;top:0;height:44px;line-height:44px;color:#5f5f5f;font-size:1.4rem;}
.topbar-fl{left:0;padding-left:10px;text-align:left;}
.topbar-fr{right:0;padding-right:10px;text-align:right;}
.top-comfirm{margin-right:0;}
.topbar i{font-size:2rem;}
.topbar i.ic-cardlogo{color: #1f8ff3;font-size:3rem;}
.topbar >.title{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;margin: 0 60px;font-size:1.8rem;line-height:44px;font-weight:bold;}
.top-seach{height:30px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem; padding:0 5px;margin:7px 60px; background-color: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
.top-seach-special{margin:7px  80px 7px 40px;}
.top-seach .mark:not(:last-child) {display:inline-block;margin-right:5px;line-height:18px;color:#bbb;}
.top-seach > .pub-input{ height:auto;min-height:26px;line-height:26px; padding: 0;border: 0;}
.top-comfirm,.top-cancle{height:30px;line-height:30px;top:7px;right:10px;text-align:center;border-radius: 4px;color: #fff;padding:0 12px;font-size: 1.5rem;background-color: #1f8ff3;}
.top-cancle{background-color: #a3a8ad;;}
.topmenu{padding: 15px 10px;background: rgba(255,255,255,0.95);position: absolute;left: 0;top: 0;z-index:3;width: 100%; box-shadow: 0 1px 2px #cfcfcf;transition: transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transform: translateY(-145px);-webkit-transform: translateY(-145px);}
@media screen and (min-width:800px) {
    .topmenu{ width: 540px;left:50%;margin-left:-270px;}
}
.topmenu.active {transform: translateY(44px);-webkit-transform: translateY(44px);}
.topmenu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.topmenu ul li{-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1;flex: 1;display:block;text-align:center;}
.topmenu ul li a{display:block;}
.topmenu ul li span{display: inline-block;text-align: center;line-height:44px;width:44px;height:44px;border: solid 1px #e5e5e5;border-radius: 4px;position: relative;}
.topmenu ul li span .pub-buttle{position:absolute;right:-6px;top:-5px;}
.topmenu ul li span i:after{font-size:3rem;color:#a1a1a1;}
.topmenu ul li p{font-size:1.3rem;color:#5f5f5f;margin-top:10px;}
.topButton{background-color: #1f8ff3;color: #fff; padding: 8px 15px; border: 0;  font-size: 1.5rem; -webkit-border-radius: 4px; border-radius: 4px;}
.wrapbox{-webkit-box-flex: 1;-webkit-flex: 1;  flex: 1;  position: relative;overflow:auto;z-index:1}
.sub-item-hd{height:30px;line-height:30px;padding:0 10px;font-size:1.2rem;color:#8f8f8f;}/*页面副标题*/
.pub-popmaskbg{position: fixed; left: 0;top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); z-index:2;}/*头部展示出来*/
.pop-coverbg{position:fixed; top: 0; left: 0;right: 0; bottom: 0;z-index:5;background: rgba(0,0,0,.5);display:none;} /*全屏遮罩层*/
.pop-coverbg.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
@media screen and (min-width:800px) {
    .pub-popmaskbg,.pop-coverbg{ width: 540px;left:50%;margin-left:-270px;}
}
.pub-faceImg{display:inline-block;width:60px;height:60px;background-color:#eee;-webkit-border-radius:50%;border-radius: 50%;position: relative;border: 1px solid #e5e5e5;}
.pub-faceImg img{width:100%;height:100%;border-radius:50%;}
.pub-faceImg .uploadImg {position: absolute;width: 60px;height: 60px;top: 0;left: 0; opacity: 0;}

/*页面切换*/
.pub-pageswitch-wrap { position: absolute;left: 0; top: 0;bottom: 0;right: 0; overflow: hidden; }
@media screen and (min-width:800px) {
    .pub-pageswitch-wrap { width: 540px;left:50%;margin-left:-270px;}
}
.pub-pageswitch { position: absolute; width: 100%; left: 0; top: 0; bottom: 0;background-color:#f5f5f5;}
.pub-pageswitch-a{z-index:1}
.pub-pageswitch-b{z-index:2}
.pub-pageswitch-c{z-index:3}
.pub-pageswitch:not(:first-child){-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0); }
.pub-pageswitch-a.active {-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0); }
.pub-pageswitch:not(:first-child).active {-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0); }

/*公用列表布局*/
.pub-list{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem;color: #212121; padding:5px 10px; background-color: #fff;border-bottom: 1px solid #e5e5e5;min-height:44px;}
.pub-list-top{ -webkit-box-align:start; -webkit-align-items:flex-start; align-items: flex-start; }
.pub-list .mark:not(:last-child) {margin-right:10px;}
.pub-list .ic-right{color:#5f6367}
.pub-list .imgbox{width:40px;height:40px;border:1px solid #e5e5e5;margin-right:10px;}
.pub-list .imgbox img{max-width:100%;max-height:100%;}
.pub-list .name{font-size: 1.4rem; color: #030303; line-height: 150%;overflow:hidden;word-break: break-all;text-overflow: ellipsis;}
/*输入框*/
.input-item{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem;color:#4f4f4f; padding:10px; background-color: #fff;border-bottom: 1px solid #e5e5e5;min-height:46px;}
.input-item .mark:not(:last-child) {margin-right:10px;}
.input-item > .pub-input{ height:auto;min-height:26px;line-height:26px; padding: 0;border: 0;  }
.input-item .eyes i:after{font-size:2rem;color:#444;}
.input-item i{color:#7f7f7f;}
.input-item>i{display:inline-block;width:26px;height:26px;text-align:right;line-height:26px;}

/*下拉框*/
.pub-select{position:relative;}
.pub-select > select{-webkit-appearance: none;appearance: none;outline: none;width:100%;height:32px;line-height:1;border:1px solid #ccc;font-size:1.4rem;color:#7f7f7f;position: relative;z-index:2;background-color: transparent;}
.pub-select  .ic-down{position:absolute;top:4px;right:5px;z-index:1;}
.pub-select  .ic-down:after{color:#7f7f7f;}

/*数量加减*/
.pub-number{display: -webkit-inline-box; display: -webkit-inline-flex;  display: inline-flex;  overflow: hidden;  width:120px;height:36px;line-height:36px; position: relative; border-radius: 3px;background-color: #fff;text-align: center;}
.pub-number::after { pointer-events: none;position: absolute;z-index: 2;top: 0;  left: 0;  width:100%;  height:100%;  overflow: hidden;  content: "\0020";border-color: #ccc;border-style: solid;  border-width: 1px;  -webkit-transform-origin: 0 0;transform-origin: 0 0;}
.pub-number > .minus,.pub-number > .plus{display:block;width:36px;height:36px;position:relative;background-color:#fafafa;color:#999;font-size:3rem;}
.pub-number > .minus::after, .pub-number > .plus::after {pointer-events: none;  position: absolute;z-index: 2;top: 0;  left: 0;width:100%;height:100%;overflow: hidden;  content: "\0020";  border-color: #ccc;  border-style: solid;  border-width: 1px;-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.pub-number > .input{display:block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;border:0 none;color:#212121;font-size:1.6rem;text-align:center;}
.pub-number > .minus.disabled, .pub-number > .plus.disabled {cursor: not-allowed;  background-color: white;color: #e6e6e6; }

.pub-number-a{width:100px;height:24px;line-height:24px;border-radius:0;}
.pub-number-a > .minus, .pub-number-a > .plus {width: 24px;height: 24px;font-size:1.2rem;border-radius: 50%;background-color: #fff;color: #a6a6a9;}
.pub-number-a > .plus{font-size:2rem;line-height:22px;}
.pub-number-a > .minus::after, .pub-number-a > .plus::after{border-color:#bbb;border-radius:100%;}
.pub-number-a::after{border-width:0;}

/*弹出关注类二维码弹出框*/
.pub-popfollow{background: #fff;width: 80%;border-radius: 8px;position:relative;padding-top:25px;}
.pub-popfollow .ic-question{position: absolute;top: 15px;left: 20px;font-size: 2rem;color: #258dff;}
.pub-popfollow .question-tips{position: absolute;width: 250px;padding: 10px;background-color: #0079ff;font-size: 1.2rem;color: #fff;line-height: 15px;border-radius: 5px;top:-45px;left: 20px;display:none;}
.pub-popfollow .question-tips:before{content:'';position: absolute;bottom: -15px;left: 20px;width: 0; height: 0;border-left: 0 solid transparent;border-right: 15px solid transparent;border-top: 20px solid #0079ff;}
.pub-popfollow .ic-dyclose{ position: absolute;top: 10px;right: 10px;font-size: 2rem;}
.pub-popfollow h1{font-size: 1.8rem; color: #000;text-align:center;}
.pub-popfollow h2{font-size:1.4rem;color:#000;margin-top:10px;text-align:center;}
.pub-popfollow .codebox{padding: 10px 0 40px;width:80%;margin:0 auto;}
.pub-popfollow .codebox img{width:100%;}

/*开关按钮*/
.pub-switch { width: 50px; height: 30px;position:relative;}
.pub-switch .on{position: absolute; top: 7px; left: 6px; color: #fff;}
.pub-switch .off{position: absolute; top: 7px; right: 6px; color: #666;}
.pub-switch label { width: 100%; height: 100%; border-radius:15px; background: #e5e5e5; display: block;}
.pub-switch.active label { background: #4dd865;}
.pub-switch .pub-switch-check{-webkit-appearance:none;appearance:none; outline: none;width: 26px; height: 26px; float: left; border-radius: 100%; background: #fff; border: 0; margin: 2px; -webkit-transition: -webkit-transform 300ms ease;-webkit-transition-duration: 300ms;-moz-transition: -moz-transform 300ms ease;transition: transform 300ms ease; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-box-shadow: 0 0 15px rgba(0,0,0,.05), 0 5px 2px rgba(0,0,1,.05);box-shadow: 0 0 15px rgba(0,0,0,.05), 0 5px 2px rgba(0,0,1,.05);  }
.pub-switch.active .pub-switch-check { -webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}

/*按钮*/
/*============================================================
    pub-btn：预置了3种size：s, m, l
    pub-btn-stacked：通栏样式
    pub-btn-light/pub-btn-disable：扩展按钮颜色，默认是蓝色
============================================================ */
.pub-btn{display:inline-block;padding:0 12px;vertical-align:top;border-radius:5px;border:0 none;background-color: #1f8ff3;color:#fff;text-align:center;cursor:pointer;position:relative;letter-spacing:2px;}
.pub-btn-angle{border-radius:0;}
.pub-btn-s{height:28px;line-height:28px;font-size:1.4rem;min-width:70px;}
.pub-btn-m{height:40px;line-height:40px;font-size:1.4rem;}
.pub-btn-l{height:44px;line-height:44px;font-size:16px;}
.pub-btn-stacked{display:block;width:100%;}
.pub-btn-light{background-color:#fff;color: #4f4f4f;}
.pub-btn-light::after{position:absolute;width:100%;height:100%;top:0;left:0;content: "\0020";border:1px solid #e5e5e5;border-radius:5px;}
.pub-btn-disable{background-color:#d1d1d1;}
.pub-btn-red{background-color: #e34d4f;}
.pub-btn i{margin-right:5px;}

/*多选/单选*/
/*============================================================
  pub-check:预置了4种方式 默认没有带边框
  pub-check-a:带边框背景透明的
  pub-check-b:方形背景颜色填充
  pub-check-c:圆形背景颜色填充
  pub-check-d:圆形背景透明的
============================================================ */
.pub-check{display:inline-block;width:18px;height:18px;line-height:18px;font-size:1.2rem;vertical-align:middle;overflow:hidden;}
.pub-check > .checkbox{position:absolute;opacity:0;z-index:2;}
.pub-check > .checkbox,.pub-check > i{display:inline-block;width:18px;height:18px;}
.pub-check > i{position:relative;z-index:1;border-radius:3px;display: -webkit-box; display: -webkit-flex;display: flex;  -webkit-box-pack: center;  -webkit-justify-content: center;justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center; align-items: center;  word-wrap: break-word;word-break: break-all;}
.pub-check > i::before { content: "\e606";color: transparent;font-size:1.2rem;}
.pub-check.active i::before ,.pub-check> input:checked + i::before {color: #2b94ff;}
.pub-check > i::after {position: absolute;z-index:3;top: 0;left: 0;width:100%;height:100%;overflow: hidden;content: "\0020";border-style: solid;border-width: 0;border-radius:3px;}

.pub-check-a > i::after {border-width:1px;border-color:#e5e5e5;}
.pub-check-a.active i::after ,.pub-check-a> input:checked + i::after{border-color: #2b94ff;}

.pub-check-b> i{border-radius:50%;}
.pub-check-b i::after {border-width:1px;border-color:#cacaca;border-radius:50%;}
.pub-check-b.active  i,.pub-check-b> input:checked + i{background-color: #fff;}
.pub-check-b.active  i::before,.pub-check-b> input:checked + i::before{color: #2b94ff;}
.pub-check-b.active  i::after,.pub-check-b> input:checked + i::after{border-color:#2b94ff;}

.pub-check-c> i{border-radius:50%;}
.pub-check-c i::after {border-width:1px;border-color:#999;border-radius:50%;}
.pub-check-c.active  i,.pub-check-c> input:checked + i{background-color: #fff;}
.pub-check-c.active  i::before,.pub-check-c> input:checked + i::before{color: #ff2323;}
.pub-check-c.active  i::after,.pub-check-c> input:checked + i::after{border-color:#ff2323;}


/*气泡*/
/*==================
 pub-buttle:默认气泡 橘色
===================*/
.pub-buttle{display: -webkit-inline-flex;  display: inline-flex;  -webkit-box-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  align-items: center;  word-wrap: break-word;  word-break: break-all;  min-width:16px;  min-height: 16px;  padding: 0 3px;  position: relative;  border-radius: 10px; color: #fff;  background: #e34d4f; font-size: 1.2rem;line-height: 1;}
.pub-buttle::after {width:100%;height:100%;position: absolute;  z-index:2;top: 0;left: 0;overflow: hidden;content: "\0020";border:1px solid #f46200;border-radius:10px;}
/*==============弹出窗==========*/
/*普通弹出 3秒提示*/
.noticeTis-toast{position: absolute; z-index:2;-webkit-animation: fadeInOut 3s linear forwards;text-align: center;top: 70%;  width: 100%; left: 0; display: block; font-size: 1.6rem; line-height: 1.2}
.noticeTis-cont{background: rgba(0,0,0,0.8); border: solid 1px #000;-webkit-animation: fadeInOut 3s linear forwards; border-radius: 4px; color: #fff; display: inline-block; padding: 10px 20px; -webkit-box-shadow:0 0 12px rgba(0,0,0,.3); box-shadow:0 0 12px rgba(0,0,0,.3); text-align: left; max-width: 90%;}
@-webkit-keyframes fadeInOut {
    0% { opacity: 0;}
    10% { opacity: 1;}
    90% { opacity: 1; -webkit-transform: translateY(0px);}
    99% { opacity: 0; -webkit-transform: translateY(-30px);}
    100% { opacity: 0; }
}

/*取消/确认弹出*/
.pop-comfirmDelete{width:85%;background-color:#fff;border-radius:10px;position:relative}
@media screen and (min-width:800px) {
    .pop-coverbg{width:540px;left:50%;margin-left:-270px;}
    .pop-comfirmDelete{width:400px;}
}
.pop-comfirmDelete .ic-dyclose{position:absolute;top:10px;right:10px;color:#999;font-size:2rem;}
.pop-comfirmDelete .head{padding:15px  10px 0 10px;font-size:1.6rem;color:#030303;}
.pop-comfirmDelete .cnt{padding:20px 10px;text-align:center;font-size:1.4rem;color:#666;line-height:160%;}
.pop-comfirmDelete .operatebox{padding:0 15px 20px 15px;}
.pop-comfirmDelete .operatebox a{display:block; height: 40px; line-height: 40px; background-color: #e34d4f; color: #fff; border-radius: 5px;text-align:center;}
.pop-comfirmDelete .flexbox{height:40px;line-height:40px;border-top:1px solid #e5e5e5;}
.pop-comfirmDelete .flexbox .flex{font-size:1.6rem;color:#030303;text-align:center;}
.pop-comfirmDelete .flexbox .flex:first-child{border-right:1px solid #e5e5e5;}
.pop-comfirmDelete .flexbox .flex.comform{color:#2999ff}

/*输入框输入取消 确认弹出*/
.pop-comfirmDelete .inputCnt{padding:20px 10px;}
.pop-comfirmDelete .inputCnt input{display: block; height: 32px; line-height: 32px; border-bottom:1px solid #e5e5e5; width: 100%; font-size: 1.4rem;text-indent: 15px;}
.pop-comfirmDelete .inputCnt p{font-size: 1.2rem;color: #999;text-align: right;line-height:120%;margin-top:5px;}

/*普通弹出 3秒提示*/
.noticeTis-toast{position: absolute; z-index:7;-webkit-animation: fadeInOut 3s linear forwards;text-align: center;top: 70%;  width: 100%; left: 0; display: block; font-size: 1.6rem; line-height: 1.2}
.noticeTis-cont{background: rgba(0,0,0,0.8); border: solid 1px #000;-webkit-animation: fadeInOut 3s linear forwards; border-radius: 4px; color: #fff; display: inline-block; padding: 10px 20px; -webkit-box-shadow:0 0 12px rgba(0,0,0,.3); box-shadow:0 0 12px rgba(0,0,0,.3); text-align: left; max-width: 90%;}
@-webkit-keyframes fadeInOut {
    0% { opacity: 0;}
    10% { opacity: 1;}
    90% { opacity: 1; -webkit-transform: translateY(0px);}
    99% { opacity: 0; -webkit-transform: translateY(-30px);}
    100% { opacity: 0; }
}

/*全屏加载 loading*/
.loading{margin:0 auto;width:96px;height:65px;background:url(http://7xiobb.com2.z0.glb.clouddn.com/loading.png) center no-repeat;border:none;background-size:100% auto; -webkit-animation: dash 3.7s steps(37) infinite;}
@-webkit-keyframes dash {
    0%{background-position:0 0;}
    100%{background-position: 0 -2405px;}
}
/*弹出加载内容 带有文字加载的弹出层*/
.poploadingbox{min-width:100px;padding:10px;border-radius:5px;background-color:#fff;}
.poploadingbox .inner{padding:15px 0;}
.poploadingbox .text{font-size: 1.4rem; color: #2999ff;text-align: center;line-height: 130%;}
.poploading{margin:0 auto;width:48px;height:32px;background:url(http://7xiobb.com2.z0.glb.clouddn.com/poploading.png) center no-repeat;border:none;background-size:100% auto; -webkit-animation: popdash 3.7s steps(37) infinite;}
.ani{-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes popdash {
    0%{background-position:0 0;}
    100%{background-position: 0 -1184px;}
}
@-webkit-keyframes fade-in-up{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes fade-in-up{
    0%{opacity:0;transform:translate3d(0,-100%,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}
.ani.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}

/*下拉加载更多*/
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height: 50px;line-height: 50px;text-align: center;color:#999;}
.dropload-load .loadIco{ display: inline-block; height: 15px; width: 15px;border-radius: 100%; margin: 6px; border: 2px solid #666; border-bottom-color: transparent;vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite;}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }100% {
         -webkit-transform: rotate(360deg);
     }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }100% {
         transform: rotate(360deg);
     }
}